<template>
  <div class="infoView">
      <DetiedInfo></DetiedInfo>
      <TableInfo
        icon="￥"
        iconBacgkround="#fff60d"
        value="200￥"
      ></TableInfo>
      <TableInfo
        icon="📮"
        value="746381864@qq.com"
      ></TableInfo>
      <TableInfo
        icon="📞"
        value="18026961447"
      ></TableInfo>
      <TableInfo
        icon="🍃"
        iconBacgkround="#99f2b6"
        value="良"
      ></TableInfo>
      <Method></Method>
  </div>
</template>

<script>
import DetiedInfo from "@/components/info/detiedInfo.vue";
import TableInfo from "@/components/info/tableInfo.vue";
import Method from "@/components/info/method.vue";
export default {
    components:{DetiedInfo,TableInfo,Method}
}
</script>

<style scoped lang="less">
    .infoView{
        width: 200px;
        height: 312px;
        background: red;
        position: absolute;
        top: 80px;
        right: 30px;
        border-radius: 10px;
        background-color: rgb(214, 214, 214);
        padding: 10px;

}
@media screen and (max-width: 600px) {
    .infoView {
      display: none;
    }
}
</style>